<!DOCTYPE html>
<html>
  <head>
    <style>
      .category {
        position: relative;
        /* background: rgba(255, 255, 255, 1); */
        max-width: 1500px;
        margin: 0 auto 16px;
      }
      .category-top-img {
        position: absolute;
        top: 0;
        left: 1px;
      }
      .top-category {
        padding: 30px 32px 8px 107px;
        position: relative;
        font-size: 16px;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
      }
      .category-title {
        position: absolute;
        font-size: 14px;
        font-weight: 400;
        color: rgba(153, 153, 153, 1);
        left: 23px;
      }
      .category-container {
        /* padding-bottom: 24px; */
      }
      .category-item {
        display: inline-block;
        padding: 3px 13px;
        margin-top: -5px;
        margin-right: 5px;
        margin-bottom: 12px;
        cursor: pointer;
      }
      .category-item-divider {
        width: 2px;
        height: 17px;
        background: #b2b2b2;
        display: inline-block;
        position: relative;
        top: 3px;
        margin-left: 12px;
        margin-right: 3px;
      }
      .category-img {
        height: 18px;
        width: 18px;
        margin-right: 7px;
        display: inline-block;
        vertical-align: middle;
      }
      .category-item1 img {
        position: relative;
        top: -2px;
      }
      .second-category {
        padding: 10px 32px 0 107px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
      }
      .top-category-active {
        color: #ffffff;
        background: #dba448;
      }
      .second-category-active {
        font-weight: bold;
        color: #dba448;
      }
    </style>
  </head>
  <body>
    <div class="category">
      <!-- <img
        class="category-top-img"
        src="./picture/image/category_top.png"
        alt="汇融名企"
      /> -->
      <div class="top-category">
        <div class="category-title">行业分类：</div>
        <div class="category-container" id="category-container">
          <!-- <div class="category-item top-category-active">
            电力、热力、燃气及水生产和供应
          </div>
          <div class="category-item">
            电力、热力、燃气及水生产和供应
          </div> -->
        </div>
      </div>
      <div class="second-category">
        <!-- <div class="category-title"></div> -->
        <div class="category-container" id="category-container2">
          <!-- <div class="category-item second-category-active">
            电力、热力、燃气及水生产和供应
          </div>
          <div class="category-item">
            电力、热力、燃气及水生产和供应
          </div> -->
        </div>
      </div>
    </div>
  </body>
</html>
